<!doctype html>
<html  class="x-admin-sm">
<head>
	<meta charset="UTF-8">
	<title>后台登录-X-admin2.2</title>
	<meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <link th:href="@{/css/font.css}" rel="stylesheet" >
    <link th:href="@{/css/login.css}" rel="stylesheet" >
	  <link th:href="@{/css/xadmin.css}" rel="stylesheet" >
    <script type="text/javascript" src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
    <script th:src="@{/lib/layui/layui.js}" charset="utf-8"></script>
    <!--[if lt IE 9]>
      <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
      <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>
<body class="login-bg">

    <div class="login layui-anim layui-anim-up">
        <div class="message">后台管理系统登录</div>
        <div id="darkbannerwrap"></div>

        <form method="post" class="layui-form" th:action="@{/login/login}" >
            <input name="userName" id="user" placeholder="用户名"  type="text" lay-verify="required" class="layui-input" >
            <hr class="hr15">
            <input name="userPassword" id="pass" lay-verify="required" placeholder="密码"  type="password" class="layui-input">
            <hr class="hr15">
            <input value="登录" onclick="f()"  style="width:100%;" type="submit">
            <hr class="hr20" >
        </form>
    </div>

    <script>
        $(function  () {
            layui.use('form', function(){
              var form = layui.form;
              // layer.msg('玩命卖萌中', function(){
              //   //关闭后的操作
              //   });
              //监听提交
              form.on('submit(login)', function(data){
                // alert(888)
                layer.msg(JSON.stringify(data.field),function(){
                    location.href='index.html'
                });
                return false;
              });
            });
        })
    </script>
    <!-- 底部结束 -->
    <script>
    //百度统计可去掉
    var _hmt = _hmt || [];
    (function() {
      var hm = document.createElement("script");
      hm.src = "https://hm.baidu.com/hm.js?b393d153aeb26b46e9431fabaf0f6190";
      var s = document.getElementsByTagName("script")[0];
      s.parentNode.insertBefore(hm, s);
    })();
    </script>






<script>
    var   allusername=[];
    var allpassword=[];
    var name1;
    $(document).ready(function () {
        $.ajax({
            //请求路径servlet
            url: "http://localhost:8080/data/getLogin",
            type: "get",
            dataType: "json",
            async: true,//是否异步
            //请求成功
            success: function (msg) {
                users = msg;
                for (let i = 0; i < users.length; i++) {
                    allusername[i]=users[i].userName;
                    allpassword[i]=users[i].userPassword;
                }
            },
            //请求失败
            error: function (e) {
                alert("request failed !")
            }
        })
    })




    function f() {
        elementById = document.getElementById("user").value;
        elementById1 = document.getElementById("pass").value;
        var count=0;
        for (let i = 0; i < allusername.length; i++) {
            if(allpassword[i]==elementById1&&allusername[i]==elementById){
                count=1;
            }
        }
        if(count==0){
            alert("密码错误或权限不足")
        }
    }

</script>
</body>
</html>
